<template>
	<view class="deep">
		<!-- <scroll-view scroll-y="true" :style="{height: scrollHeight}"> -->
			<view class="addPhoto m-2  bg-white pt-2 rounded-20">
				<view class="">
					<view class="ml-3 py-2 border-bottom">
						<textarea v-model="goods_name" placeholder="请输入商品名称" placeholder-class="font-md"  @input="change" name="" id="" maxlength="59"></textarea>
						<view class="font d-flex j-end mr-2 mt-1">{{num}}/{{count}}</view>
					</view>
				</view>
				<view class="d-flex flex-column p-3">
					<view class="icon_gray d-flex flex-column  rounded-20 a-center j-center" >
						
						<view class="crop rounded-20 position-relative" @tap="unloadImg" v-if="cropFilePath">
							<view class="delete" @tap.stop="delete_crop">
								<image src="../../static/images/goods/icon_delete.png" mode="" class="icon_delete"></image>
							</view>
							<image :src="cropFilePath" mode="aspectFit" class="img rounded-20"></image>
						</view>
						<view class="add_goods d-flex a-center j-center flex-column" @tap="unloadImg" v-else>
							<view class="">添加</view>
							<view class="">商品主图</view>
						</view>
					</view>
					<view class="text-muted pt-2 font-28">精美的商品图片可以让商品脱颖而出</view>
				</view>
			</view>
			
			<view class="mx-2 mb-2 bg-white rounded-20">
				<view class="ml-3" v-if="userinfo.is_merchant">
					<view class="border-bottom clazz d-flex j-sb a-center" @click="goodsClass">
						<view class="">平台分类</view>
						<view class="d-flex a-center j-center mr-2">
							<text class="mr-2 mr-1 text-light-muted">{{clazzList.cat_name==null?"选择分类":clazzList.cat_name}}</text>
							<image src="../../static/images/user/icon_right_arrow.png" mode="" class="icon_right_arrow"></image>
						</view>
					</view>
					<view class=" clazz  d-flex j-sb a-center" @click="goodsShop">
						<view class="">店铺分类</view>
						<view class="d-flex a-center j-center mr-2" v-if="shopList.cat_name==null">
							<text class="mr-2  mr-1 text-light-muted">{{shopList.cat_name==null?"选择分类":shopList.cat_name}}</text>
							<image src="../../static/images/user/icon_right_arrow.png" mode="" class="icon_right_arrow"></image>
						</view>
						<view class="w-50 d-flex a-center j-end mr-2" v-else>
							<view class="mr-2 mr-1 text-light-muted" style="width: 80%;">
								<text class="ellipsis-1 text-right">{{shopList.cat_name}}</text>
							</view>
							<image src="../../static/images/user/icon_right_arrow.png" mode="" class="icon_right_arrow"></image>
						</view>	
					</view>
				</view>
				<view class="ml-3" v-else>
					<view class="clazz d-flex j-sb a-center" @click="goodsClass">
						<view class="">平台分类</view>
						<view class="d-flex a-center j-center mr-2">
							<text class="mr-2 mr-1 text-light-muted">{{clazzList.cat_name==null?"选择分类":clazzList.cat_name}}</text>
							<image src="../../static/images/user/icon_right_arrow.png" mode="" class="icon_right_arrow"></image>
						</view>
					</view>
				</view>
			</view>
			
			
			<view class="mx-2 mb-2 bg-white rounded-20">
				<view class="ml-3">
					<view class="a-center border-bottom py-3 d-flex j-sb clazz">
						<view class="">价格</view>
						<view class="mr-3">
							<input type="digit"  class="text-right" placeholder="输入商品价格" v-model="prcie"  placeholder-class="text-light-muted d-flex j-end" @input="add_price" />
						</view>
					</view>
					<view class=" py-3 a-center d-flex j-sb clazz">
						<view class="">成本价</view>
						<view class="mr-3">
							<input type="digit" class="text-right" placeholder="输入商品成本价" v-model="cost_price" placeholder-class="text-light-muted d-flex j-end" @input="add_cost_price" />
						</view>
					</view>
				</view>
			</view>
		<!-- </scroll-view> -->
		<image-cropper :src="tempFilePath" @confirm="confirm" @cancel="cancel"></image-cropper>
		<view class="footer"></view>
		<view class="bg-white release py-2 w-100 position-fixed bottom-0">
			<button type="warn" @click="next_sub">下一步</button>
		</view>
		<!-- 平台分类 -->
		<u-popup @close="clazz_popup" v-model="terrace" width="100%" height="80%" mode="bottom" border-radius="14" closeable="true" close-icon="close" close-icon-pos="top-right" close-icon-size="40">
			<view class="">
				<view class="eradders"></view>
				<view class="eradders position-fixed top-0  w-100 bg-white">
					<view class="py-2">
						<view class="font-md d-flex j-center a-center font-35">选择平台商品分类</view>
					</view>
					<view class="d-flex address" >
						<view class="py-3 mx-2" :class="one_show?'active_tab':''"  v-if="terrace_name" @click="one_tab(items_clazz)">
							<view  class="font-weight" >{{terrace_name}}</view>
						</view>
						<view class="py-3 mx-2" :class="two_show?'active_tab':''" v-if="terrace_one_name" @click="two_tab(items_clazz)">
							<view class="font-weight">{{terrace_one_name}}</view>
						</view>
						<view class="py-3 mx-2" :class="three_show?'active_tab':''" v-if="terrace_two_name" @click="three_tab">
							<view class="font-weight">{{terrace_two_name}}</view>
						</view>
						<view class="ml-2 py-3 active_tab" v-if="please">请选择</view>
					</view>
				</view>
				<!-- 一级 -->
				<view v-show="terrace_one"  class="content_address mx-2 pt-4" v-for="(item,index) in oneClazz" :key="index" @click="clazz_one(item)">
						{{item.cat_name}}
				</view>
				<!-- 二级 -->
				<view v-show="terrace_two" class="content_address mx-2 pt-4" v-for="(item,index) in twoClazz" :key="index" @click="clazz_two(item)">
						{{item.cat_name}}
				</view>
				<!-- 三级 -->
				<view v-show="terrace_three" class="content_address mx-2 pt-4 d-flex j-sb" v-for="(item,index) in threeClazz" :key="index" @click="clazz_three(item)">
					<view class="" :class="item.cat_id==threeCatId?'active':''" >
						{{item.cat_name}}
					</view>
					<view class="" v-show="item.cat_id==threeCatId">
						<u-icon name="checkmark" color="#ff1515" size="33"></u-icon>
					</view>
				</view>
			</view>
		</u-popup>
		<!-- 店铺分类 -->
		<u-popup @close="shopList_popup" v-model="shopping" width="100%" height="80%" mode="bottom" border-radius="14" closeable="true" close-icon="close" close-icon-pos="top-right" close-icon-size="40">
			<view class="">
				<view class="eradders"></view>
				<view class="eradders position-fixed top-0 w-100 bg-white">
					<view class="py-2">
						<view class="font-md d-flex j-center a-center font-35">选择店铺商品分类</view>
					</view>
					<view class="d-flex address" >
						<view class="py-3 mx-2"  :class="shop_one_show?'active_tab':''" v-if="shopping_name" @click="shop_one_tab(items_shopping)">
							<view  class="font-weight" >{{shopping_name}}</view>
						</view>
						<view class="py-3 mx-2"  :class="shop_two_show?'active_tab':''" v-if="shopping_one_name" @click="shop_two_tab(items_shopping)">
							<view class="font-weight">{{shopping_one_name}}</view>
						</view>
						<view class="py-3 mx-2" :class="shop_three_show?'active_tab':''" v-if="shopping_two_name" @click="shop_three_tab(items_shopping)">
							<view class="font-weight">{{shopping_two_name}}</view>
						</view>
						<!-- !shop_three_show&& -->
						<view class="ml-2 py-3 active_tab" v-if="select">请选择</view>
					</view>
				</view>
				<!-- 一级 -->
				<view v-show="shopping_one" class="content_address mx-2 pt-4" v-for="(item,index) in oneShopping" :key="index" @click="shop_one(item)">
						{{item.cat_name}}
				</view>
				<!-- 二级 -->
				<view v-show="shopping_two" class="content_address mx-2 pt-4" v-for="(item,index) in twoShopping" :key="index" @click="shop_two(item)">
						{{item.cat_name}}
				</view>
				<!-- 三级 -->
				<view v-show="shopping_three" class="content_address mx-2 pt-4 d-flex j-sb" v-for="(item,index) in threeShopping" :key="index" @click="shop_three(item)">
					<view class="" :class="item.cat_id==shop_threeCatId?'active':''" >
						{{item.cat_name}}
					</view>
					<view class="" v-show="item.cat_id==shop_threeCatId">
						<u-icon name="checkmark" color="#ff1515" size="33"></u-icon>
					</view>
				</view>
			</view>
		</u-popup>
		<!-- 拍照 -->
		<s-popup custom-class="demo-popup" position="bottom" v-model="pictureShow">
			<!-- 内容 -->
			<view class="m-2 bg-white rounded-20 icon_share">
				<view class="border-bottom d-flex ml-4 py-3 j-center a-center" @click="photos">
					<view class="">拍照</view>
				</view>
				<view class="d-flex ml-4 py-3 j-center a-center" @click="album">
						<view class="">我的相册</view>
				</view>
			</view>
			<view class="d-flex j-center a-center span-19 py-3 bg-white mx-2 my-1 rounded-25" @click="cancelShare">
				取消
			</view>
		</s-popup>
		<u-toast ref="uToast"/>
	</view>
</template>

<script>
	import ImageCropper from "@/components/invinbg-image-cropper/invinbg-image-cropper.vue";
	import sPopup from '../../components/s-popup/index.vue';
	export default {
		components: {
			ImageCropper,
			sPopup
		},
		data() {
			return {
				count:60,
				num:0,
				tempFilePath: '',
				cropFilePath: '',
				clazzList:null, // 商品分类
				shopList:null, // 商家分类
				goods_name:"",// 名字
				prcie:"", // 价格
				store:"" ,// 库存
				pictureShow:false, // 添加图片模态框
				dictionaries:"", // 上传图片字典
				userinfo:"", // 用户信息
				freight_price:"", // 运费
				scrollHeight:0, // 屏幕高度
				
				terrace:false, // 平台分类
				shopping:false ,// 店铺分类
				
				terrace_one:true,
				terrace_two:false,
				terrace_three:false,
				terrace_name:"", // 平台分类切换
				terrace_one_name:"", // 平台分类切换
				terrace_two_name:"", // 平台分类切换
				terraceClazz:[], // 全部列表
				oneClazz:[], // 1级平台分类
				twoClazz:[], // 2级平台分类
				threeClazz:[], // 3级平台分类
				subCatId:"", // cat_id标识符
				threeCatId:"", // 二级cat_id
				one_show:false,
				two_show:false,
				three_show:false,
				items_clazz:"",
				please:true,
				
				shopping_one:true,
				shopping_two:false,
				shopping_three:false,
				shopping_name:"", // 平台分类切换
				shopping_one_name:"", // 平台分类切换
				shopping_two_name:"", // 平台分类切换
				shoppingClazz:[], // 全部列表
				oneShopping:[], // 1级平台分类
				twoShopping:[], // 2级平台分类
				threeShopping:[], // 3级平台分类
				shop_subCatId:"", // cat_id标识符
				shop_threeCatId:"", // 二级cat_id
				shop_one_show:false,
				shop_two_show:false,
				shop_three_show:false,
				items_shopping:"",
				select:true
				
			}
		},
		onReady() {
			let _this=this
			uni.getSystemInfo({
				success(resu) {
					const query = uni.createSelectorQuery()
					query.select('.footer').boundingClientRect()
					query.exec(function(res) {
						_this.scrollHeight = resu.windowHeight - res[0].bottom + 'px';
					})
				}
			})
		},
		methods: {
			// 商品分类
			goodsClass(){
				this.terrace=true
				if(this.items_clazz){
					this.please=false
					this.oneClazz=[]
				}else{
					this.please=true
				}
				this.terrace_one=true
			},
			// 店铺商品分类
			goodsShop(){
				this.shopping=true
				if(this.items_shopping){
					this.select=false
					this.oneShopping=[]
				}else{
					this.select=true
				}
				this.shopping_one=true
			},
			// 商品分类一级
			clazz_one(item){
				this.items_clazz=item
				this.terrace_name=item.cat_name
				// 二级
				let cat_id_one=""
				cat_id_one=this.terraceClazz.filter((v,index)=>{
					if(item.cat_id==v.parent_id){
						return v
					}
				})
				if(cat_id_one.length==0){
					this.twoClazz=this.terraceClazz.filter((v,index)=>{
						if(item.cat_id==v.parent_id){
							return v
						}
					})
					this.one_show=true
					this.terrace_one=true
					this.terrace=false
					this.please=false
				}else{
					this.please=true
					this.twoClazz=cat_id_one
					this.terrace_one=false
					this.terrace_two=true
					this.one_show=false
				}
			},
			// 商品分类二级
			clazz_two(item){
				this.items_clazz=item
				this.terrace_one_name=item.cat_name
				// 三级
				let cat_id_two=""
				cat_id_two=this.terraceClazz.filter((v,index)=>{
					if(item.cat_id==v.parent_id){
						return v
					}
				})
				if(cat_id_two.length==0){
					this.threeClazz=this.terraceClazz.filter((v,index)=>{
						if(item.cat_id==v.parent_id){
							return v
						}
					})
					this.terrace_two=true
					this.one_show=false
					this.two_show=true
					this.terrace_one=false
					this.please=false
					this.terrace=false
				}else{
					this.please=true
					this.threeClazz=cat_id_two
					this.terrace_two=false
					this.terrace_three=true
					this.one_show=false
					this.two_show=false
				}
				console.log(this.threeClazz,item)
			},
			// 商品分类三级
			clazz_three(item){
				this.items_clazz=item
				this.three_show=true
				this.threeCatId=item.cat_id
				this.terrace_two_name=item.cat_name
				this.terrace=false
				this.please=false
			},
			// 切换一级
			one_tab(items_clazz){
				this.terrace_one=true
				this.terrace_two_name=""
				this.terrace_one_name=""
				this.three_show=false
				this.twoClazz=[]
				this.threeClazz=[]
				// 一级
				this.oneClazz=this.terraceClazz.filter((item,index)=>{
					if(item.parent_id==0){
						return item
					}
				})
				let cat_id_two=""
				cat_id_two=this.terraceClazz.filter((v,index)=>{
					if(items_clazz.cat_id==v.parent_id){
						return v
					}
				})
				if(cat_id_two.length==0){
					this.please=false
				}else{
					this.please=true
				}
			},
			// 切换二级
			two_tab(items_clazz){
				this.terrace_one=false
				this.terrace_three=false
				this.three_show=false
				this.terrace_two=true
				this.terrace_two_name=""
				
				let cat_id_two=""
				cat_id_two=this.terraceClazz.filter((v,index)=>{
					if(items_clazz.cat_id==v.parent_id){
						return v
					}
				})
				if(cat_id_two.length==0){
					this.please=false
				}else{
					this.please=true
				}
			},
			clazz_popup(){
				this.clazzList=this.items_clazz
				this.please=false
				console.log(this.clazzList,"关闭弹框")
			},
			
			
			// 店铺商品分类
			// 商品分类一级
			shop_one(item){
				this.items_shopping=item
				this.shopping_name=item.cat_name
				let cat_id_one=""
				cat_id_one=this.shoppingClazz.filter((v,index)=>{
					if(item.cat_id==v.parent_id){
						return v
					}
				})
				if(cat_id_one.length==0){
					this.oneShopping=this.shoppingClazz.filter((v,index)=>{
						if(item.parent_id==v.parent_id){
							return v
						}
					})
					this.shop_one_show=true
					this.shopping_one=true
					this.shopping=false
					this.select=false
				}else{
					this.select=true
					this.twoShopping=cat_id_one
					this.shopping_one=false
					this.shopping_two=true
					this.shop_one_show=false
				}
				console.log(cat_id_one)
			},
			// 商品分类二级
			shop_two(item){
				this.items_shopping=item
				this.shopping_one_name=item.cat_name
				let cat_id_two=""
				cat_id_two=this.shoppingClazz.filter((v,index)=>{
					if(item.cat_id==v.parent_id){
						return v
					}
				})
				if(cat_id_two.length==0){
					this.threeShopping=this.shoppingClazz.filter((v,index)=>{
						if(item.parent_id==v.parent_id){
							return v
						}
					})
					this.shopping_two=true
					this.shop_one_show=false
					this.shop_two_show=true
					this.shopping_one=false
					this.select=false
					this.shopping=false
				}else{
					this.select=true
					this.threeShopping=cat_id_two
					this.shopping_two=false
					this.shopping_three=true
					this.shop_one_show=false
					this.shop_two_show=false
				}
			},
			// 商品分类三级
			shop_three(item){
				this.items_shopping=item
				this.shop_three_show=true
				this.shop_threeCatId=item.cat_id
				this.shopping_two_name=item.cat_name
				this.shopping=false
				this.select=false
			},
			// 切换一级
			shop_one_tab(items_shopping){
				this.shopping_one=true
				this.shopping_two_name=""
				this.shopping_one_name=""
				this.shop_three_show=false
				this.twoShopping=[]
				this.threeShopping=[]
				// 一级
				this.oneShopping=this.shoppingClazz.filter((item,index)=>{
					if(item.parent_id==0){
						return item
					}
				})
				let cat_id_two=""
				cat_id_two=this.shoppingClazz.filter((v,index)=>{
					if(items_shopping.cat_id==v.parent_id){
						return v
					}
				})
				if(cat_id_two.length==0){
					this.select=false
				}else{
					this.select=true
				}
			},
			// 切换二级
			shop_two_tab(items_shopping){
				this.shopping_one=false
				this.shopping_three=false
				this.shop_three_show=false
				this.shopping_two=true
				this.shopping_two_name=""
				
				let cat_id_two=""
				cat_id_two=this.shoppingClazz.filter((v,index)=>{
					if(items_shopping.cat_id==v.parent_id){
						return v
					}
				})
				if(cat_id_two.length==0){
					this.select=false
				}else{
					this.select=true
				}
			},
			shopList_popup(){
				this.shopList=this.items_shopping
				this.select=false
			},
			
			showToast(e) {
				this.$refs.uToast.show({
					title: e,
					type: 'default',
				})
			},
			// 文本框
			change(e){
				if(e.detail.cursor<60){
					this.num=e.detail.cursor
					this.goods_name=e.detail.value
				}else{
					console.log("输入已超出限制")
					return
				}
			},
			// 价格
			add_price(e){
				this.prcie=e.detail.value
			},
			// 成本价
			add_cost_price(e){
				this.cost_price=e.detail.value
			},
			delete_crop(){
				this.cropFilePath=""
			},
			// 上传图片
			unloadImg(){
				this.pictureShow = true;
			},
			// 取消
			cancelShare(){
				this.pictureShow = false;
			},
			// 拍照
			photos(){
				let that=this;
				uni.chooseImage({
				    count:1,
				    sizeType:["original","compressed"],
					sourceType: ['camera'], //从相册选择
				    success:(res)=>{
						console.log(res,"拍照")
						this.tempFilePath=res.tempFilePaths
					}
				});
				that.pictureShow=false;
			},
			// 我的相册
			album(){
				let that=this;
				uni.chooseImage({
				    count:1,
				    sizeType:["original","compressed"],
					sourceType: ['album'], //从相册选择
				    success:(res)=>{
						console.log(res,"我的相册")
						uni.showToast({
							title: "上传中...",
							icon: "loading",
							mask: true,
							duration: 5000,
                        });
						this.tempFilePath=res.tempFilePaths
					}
				});
				that.pictureShow=false;
			},
			uploadFile(filePath){
				console.log(filePath)
				uni.uploadFile({
					url:`${this.localConfig.web_Url}v2/store/medialibrary/image/temp/upload`,
					filePath:filePath,
					name:"tempimage",
					formData:{
						'token':uni.getStorageSync("token")
					},
					success: (res) => {
						let fileData=JSON.parse(res.data)
						console.log(fileData.data)
						this.dictionaries=fileData.data
					}
				})
			},
			// 裁剪图片
			confirm(e) {
			    this.tempFilePath = ''
			    this.cropFilePath = e.detail.tempFilePath
				this.uploadFile(this.cropFilePath)
			},
			toJSON(){
				return this
			},
			// 下一步
			next_sub(){
				if(this.userinfo.is_merchant){
					if(this.goods_name==''){
						this.showToast('请输入商品名称')
					}else if(this.cropFilePath==''){
						this.showToast('请上传图片')
					}else if(this.clazzList==null||this.shopList==null){
						this.showToast('请选择商品分类')
					}else if(this.prcie==''){
						this.showToast('请输入价格')
					}else if(this.cost_price==''){
						this.showToast('请输入成本价')
					}else{
						uni.showLoading({
							title:"加载中",
							success: () => {
								this.$H.post("v2/store/virtual/goods/add",{
									goods_name:this.goods_name, // 名字
									goods_price:this.prcie, // 价格
									cost_price:this.cost_price, // 成本价格
									goods_image:this.dictionaries, // 图片 字典
									category_id:this.clazzList.cat_id, //  平台商品分类
									merchant_category:this.shopList.cat_id ,// 商品分类
									}).then(res=>{
										this.$H.post("admin/goods/toggle/sale",{
											id:res.data.goods_id,
											type:"online",
										}).then(rest=>{
											let goods_id=res.data.goods_id
											uni.redirectTo({
												url:"/pagesA/virtual/virtual-next?goods_id="+goods_id
											})
											uni.hideLoading();
										})
								})	
							}
						})
						
					}
				}else{
					if(this.goods_name==''){
						this.showToast('请输入商品名称')
					}else if(this.cropFilePath==''){
						this.showToast('请上传图片')
					}else if(this.clazzList==null){
						this.showToast('请选择商品分类')
					}else if(this.prcie==''){
						this.showToast('请输入价格')
					}else if(this.cost_price==''){
						this.showToast('请输入成本价')
					}else{
						uni.showLoading({
							title:"加载中",
							success: () => {
								this.$H.post("v2/store/virtual/goods/add",{
									goods_name:this.goods_name, // 名字
									goods_price:this.prcie, // 价格
									cost_price:this.cost_price, // 成本价格
									goods_image:this.dictionaries, // 图片 字典
									category_id:this.clazzList.cat_id, //  平台商品分类
									}).then(res=>{
										console.log(111)
									this.$H.post("admin/goods/toggle/sale",{
										id:res.data.goods_id,
										type:"online",
									}).then(rest=>{
										let goods_id=res.data.goods_id
										uni.redirectTo({
											url:"/pagesA/virtual/virtual-next?goods_id="+goods_id
										})
										uni.hideLoading();
									})
								})	
							}
						})
						
					}
				}
			},
			
		},
		
		onShow() {
			if(getApp().globalData.freight){
				let globalData = getApp().globalData.freight;
				if(globalData){
					this.freight_price=globalData
					console.log(this.freight_price)
				}
			}
		},
		onUnload() {
			if(getApp().globalData.freight){
				var globalData = getApp().globalData.freight; //获取全局变量
				getApp().globalData.freight= null; //修改全局变量
			}
		},
		onLoad() {
			this.$H.post("admin/user/userinfo").then(res=>{
				this.userinfo=res.data
				console.log(res)
			})
			
			this.subCatId=1
			this.$H.post("admin/merchant/goods/category").then(res=>{
				this.terraceClazz=res.data
				this.terraceClazz.filter(v=>{
						return v.icon_show=false
				})
				// 一级
				this.oneClazz=this.terraceClazz.filter((item,index)=>{
					if(item.parent_id==0){
						return item
					}
				})
			})
			
			this.shop_subCatId=0
			this.$H.post("admin/merchant/goods/merchant/category").then(res=>{
				this.shoppingClazz=res.data
				this.shoppingClazz.filter(v=>{
					return v.icon_show=false
				})
				this.oneShopping=this.shoppingClazz.filter((item,index)=>{
					if(item.parent_id==0){
						return item
					}
				})
			})
		}
		
	}
</script>

<style>
	.icon_gray{
		width: 220upx;
		height: 220upx;
	}
	.add_goods{
		width: 220upx;
		height: 220upx;
		border: 1px dashed #EAEAEA;
		border-radius: 20upx;
	}
	.icon_gray_camera{
		width: 100upx;
		height: 100upx;
	}
	.release{
		z-index: 22;
	}
	.release /deep/ button{
		width: 85%;
		border-radius: 50upx;
		background: linear-gradient(to right,#F31E3E,#FB4F37);
	}
	.img{
		width: 220upx;
		height: 220upx;
	}
	.crop{
		width: 220upx;
		height: 220upx;
	}
	
	.s-popup-mask{
		background: rgba(204,204,204,0.3)!important;
	}
	.content{
		background-color:rgb(237,237,237)!important;
		color: #666666;
	}
	.s-popup-wrap{
		background: rgba(204,204,204,0)!important;
	}
	.icon_share view{
		color: #888;
	}
	.icon_share image{
		width: 120upx;
		height: 120upx;
	}
	.footer{
		height: 145upx;
	}
	
	.address{
		border-bottom: 1px solid #eaeaea;
	}
	.content_address{
		height: 100%;
	}
	.eradders{
		height: 185upx;
	}
	.active_tab{
		color: #ff3333;
		border-bottom: 3px solid #ff3333;
	}
	.active{
		color: #ff3333;
	}
	.icon_delete{
		width: 40upx;
		height: 40upx;
		z-index: 111;
	}
	.delete{
		z-index: 111;
		position: absolute;
		top: -10upx;
		right: -10upx;
	}
</style>
